<template>
	<view class="message-box">
		<view style="height: 46px;"></view>
		<view class="message-title">
			<uni-icons type="left" size="16" style="line-height: 40px; float: left; margin-left: 5px;"></uni-icons>
			<view class="message-title-text">
				消息通知
			</view>
		</view>
		<view class="chat-list">
			<uni-list-chat :avatar-circle="true" style="line-height: 46px;" title="官方消息" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" badge-positon="left" badge-text="dot">
				<uni-icons type="right" size="16"></uni-icons>
				
			</uni-list-chat>
			<uni-list-chat :avatar-circle="true" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" badge-positon="left" badge-text="dot"><br/>
				<view class="chat-message-text">
					<text class="custom-name">招聘者名称xxx</text><br />
					<text>四川成都有限公司</text><br />
					<view style="height: 10px;"></view>
					<text class="chat-reply-text">[回复]您的简历被招聘官标记为“不合适",建议查看...</text>
					<text class="chat-reply-time">2024.06.07 12:20</text>
				</view>
			</uni-list-chat>
			<uni-list-chat :avatar-circle="true" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" badge-positon="left" badge-text="dot"><br/>
				<view class="chat-message-text">
					<text class="custom-name">招聘者名称xxx</text><br />
					<text>四川成都有限公司</text><br />
					<view style="height: 10px;"></view>
					<text class="chat-reply-text">[回复]您的简历被招聘官标记为“确定录取",建议查看...</text>
					<text class="chat-reply-time">2024.06.07 12:20</text>
				</view>
			</uni-list-chat>
			<uni-list-chat :avatar-circle="true" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" badge-positon="left" badge-text="dot"><br/>
				<view class="chat-message-text">
					<text class="custom-name">招聘者名称xxx</text><br />
					<text>公司名称xxx</text><br />
					<view style="height: 10px;"></view>
					<text class="chat-reply-text">[打招呼]您的简历被招聘官标记为“确定录取",建议查看...</text>
					<text class="chat-reply-time">2024.06.07 12:20</text>
				</view>
			</uni-list-chat>
			<uni-list-chat :avatar-circle="true" avatar="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" badge-positon="left" badge-text="dot"><br/>
				<view class="chat-message-text">
					<text class="custom-name">招聘者名称xxx</text><br />
					<text>公司名称xxx</text><br />
					<view style="height: 10px;"></view>
					<text class="chat-reply-text">[打招呼]您的简历被招聘官标记为“确定录取",建议查看...</text>
					<text class="chat-reply-time">2024.06.07 12:20</text>
				</view>
			</uni-list-chat>
		</view>
	</view>
	<view class="message-bottom">
		加载中.../已经到底了
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.message-title{
		width: 100%;
		height: 40px;
		background-color: white;
		.message-title-text{
			font-size: 13px;
			font-weight: 500;
			line-height: 40px;
			text-indent: 10px;
		}
	}
	.chat-message-text{
		font-size: 12px;
		color: #999;
	}
	.custom-name{
		font-size: 16px;
		font-weight: 600;
		color: black;
	}
	.chat-reply-time{
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.message-bottom{
		position: fixed;
		bottom: 10px;
		left: 36%;
		font-size: 13px;
		color: #999;
	}
</style>
